<?php /*a:3:{s:76:"D:\work\lilynewzhong\application\index\view\product\no_tag_have_listkey.html";i:1699495355;s:62:"D:\work\lilynewzhong\application\index\view\public\header.html";i:1699495354;s:62:"D:\work\lilynewzhong\application\index\view\public\footer.html";i:1699495353;}*/ ?>
 <!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <title><?php echo $seo_title?></title>
    <link rel="shortcut icon" href="/lily.ico" type="image/x-icon" />
    <meta name="keywords" content="<?php echo htmlentities($seo_keywords); ?>" />
    <meta name="description" content="<?php echo htmlentities($seo_desc); ?>" />
    <meta name="title" content="<?php echo htmlentities($seo_title); ?>" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0">
    <meta name="applicable-device" content="pc,mobile">
    <meta name="baidu-site-verification" content="code-ohmEl6V1zx" />
    <meta name="baidu-site-verification" content="code-x7NeohZb7A" />

    <?php if((request()->controller()=='News'||request()->controller()=='Events')&&request()->action()=='detail'){?>
    <meta property='og:title' content="<?php echo htmlentities($title); ?>"/>
    <meta property='og:image' content="<?php echo htmlentities($cover); ?>"/>
    <meta property='og:description' content="<?php echo htmlentities($first); ?>"/>
    <meta property='og:url' content="$url"/>
    <meta property="og:image:width" content="1200"/>
    <meta property="og:image:height" content="630"/>
    <meta name="twitter:site" content="@https://www.lily-bearing.com/" />
    <meta name="twitter:creator" content="@lilybearing" />
    <meta name="twitter:title" content="<?php echo htmlentities($title); ?>">
    <meta name="twitter:description" content="<?php echo htmlentities($first); ?>">
    <meta name="twitter:image" content="<?php echo htmlentities($cover); ?>">
    <meta name="twitter:card" content="summary_large_image">
    <?php }if($base_data['is_no_index']==true){ ?><meta name='robots' content='noindex'><?php }?>
   
    <!--/*no header css */-->
    <style>
        ::-webkit-scrollbar{
    width:8px;
    height: 6px;
  }
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: rgba(0, 0, 0, .2);
  }
  ::-webkit-scrollbar-track-piece{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: #ededed;
  }
         @media(max-width:768px) {
            #header {
                display: none;
            }
        }

        #footer .footer-nav {
            display: none;
        }

        #footer .footer-copyright-container {
            display: none;
        }

        .footer-service .footer-wrapper {
            display: none;
        }

        .header-lang-item.active>a, .header-lang-item:hover>a {
            color: #36648a !important;
        }
        .header-lang-item.active:after {
            border-right: 3px solid #36648a !important;
        }

        .header-mbnav-level2-item .active {
            color: #36648a !important;
        }
        *,:after,:before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    </style>
 
    <script>window.$aioList = [ "hua" ]; window.$aioCdnPrefix = '/';</script>
    <script>
        window.gConfig =  window.gConfig || {};
        window.gConfig.isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
        var hClassName;
        if(window.gConfig.isMobile){
            hClassName = 'phone';
        }else{
            hClassName = 'pc';  
        }
        if(window.$aioList) {
            for(var i=0; i<window.$aioList.length; i++) {
                if(window.$aioCdnPrefix){
                    if(window.$aioList[i].length>0) {
                        document.write('<link rel="stylesheet" href="'+window.$aioCdnPrefix+window.$aioList[i]+'/'+(window.gConfig.isMobile?'phone':'pc')+'/css/index.css" />');
                    }
                } else {
                    if(window.$aioList[i].length>0) {
                        document.write('<link rel="stylesheet" href="'+window.$aioCdnPrefix+window.$aioList[i]+'/'+(window.gConfig.isMobile?'phone':'pc')+'/css/index.css" />');
                    }
                }
                
            }
        }
        var root = document.documentElement;
        root.className += hClassName ; 
    </script>
    <link rel="canonical" href="<?php echo $base_data['canonical_url']?>" />
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css" media="all" />
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="/static/css/public4.css" media="all" />
    <link rel="stylesheet" href="/static/css/header-es-search.css" media="all" />
    <link rel="stylesheet" href="/static/css/header-sp.css" media="all" />

    <link rel="alternate" data-cp-role="site.variant" title="Chinese" hreflang="zh" href="<?php echo http_type().'www.lilybearing.com'.$_SERVER['REQUEST_URI'];?>" />
    <?php if($base_data['iszhong']==1){?>
    <link rel="alternate" data-cp-role="site.variant" title="English" hreflang="en" href="<?php echo http_type().'www.lily-bearing.com'.$_SERVER['REQUEST_URI'];?>"  />
    <?php } ?>
    
    <script type="text/javascript">
        //中文头部js代码位置
        //百度统计代码
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c5cc3b7c8c8813804401ae2b787ddc5a";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "cfo4pg4ohz");
    </script>
    <!--百度搜索-询盘框转化跟踪打点-->
    <script>
        window._agl = window._agl || [];
        (function () {
            _agl.push(
                ['production', '_f7L2XwGXjyszb4d1e2oxPybgD']
            );
            (function () {
                var agl = document.createElement('script');
                agl.type = 'text/javascript';
                agl.async = true;
                agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(agl, s);
            })();
        })();
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H5GKXDQJMM"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-H5GKXDQJMM');
    </script>
    
    <!-- 英文站头部js代码位置 -->
    
</head>
<body >
<div id="content">
        <div id="common-components-container">
            <div data-mod-name-pc="@cloud/pep-header-and-footer-china/pc/index" data-mod-name-m="@cloud/pep-header-and-footer-china/m/index">
            <style>
                #header.show-dropdown .header-container {
                    height: 100vh !important;
                    z-index: 999;
                }

                .float-sidebar {
                  position: fixed !important;
                  z-index: 990 !important;
                }
            </style>
  
            <div data-mod-id="header" style="z-index:300;height: 60px;">
                <div class="header" data-mod-name="header">
                    <div id="header" bi_parent_name="navigation" meta-data-adjust-app="hide">
                        <div class="header-container">
                           <!--  <div class="header-topnav" >
                                <div class="header-topnav-wrapper">
                                    <li class="header-lang ">
                                        <div class="header-lang-current"><i class="header-icon-earth"></i><span class="header-lang-label">English</span><i class="header-icon-arrow-down"></i></div>
                                        <div class="header-lang-list">
                                            <div class="header-site">
                                                <ul class="header-site-right ">
                                                    <li class="header-lang-item active"><a style="text-decoration: none;" href="https://www.lily-bearing.com/">English</a></li>
                                                    <li class="header-lang-item"><a style="text-decoration: none;" href="https://www.lilybearing.com/">简体中文</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                </div>
                            </div> -->
                            <div class="header-wrapper">
                                <div class="header-bottom" style="background-color: #36648a;height: 60px">
                                    <div class="header-bottom-wrapper" style="height: 60px">
                                        <style type="text/css">
                                            @media(max-width:768px) {
                                                .header-logo img{height: 35px !important;width: auto !important;}
                                            }
                                           
                                        </style>
                                        <a class="header-logo"  bi_name="logo" href="/">
                                            <img src="https://image.lily-bearing.com/images/web/logo.png" alt="Lily Bearing">
                                        </a>
                                        <div class="header-nav">
                                            <div class="header-nav-scroll">
                                                <ul class="header-nav-list">
                                                    <?php foreach($base_data['nav_class'] as $key=>$vo): if($vo['first']['cname']=='Contact Us'){?>
                                                    <li><a style="text-decoration: none;" href="/<?php echo htmlentities($vo['first']['url']); ?>/"><span style="font-family: arial,helvetica,sans-serif;font-size: 14px;font-weight: normal;letter-spacing: 1px; color: #ffffff;"><?php echo ucwords($vo['first']['alias_name']); ?></span></a></li>
                                                    <?php }else{ ?>
                                                    <li data-key="<?php echo change_lower_symbol($vo['first']['cname']); ?>" >
                                                        <a style="text-decoration: none;" href="/<?php echo htmlentities($vo['first']['url']); ?>/">
                                                            <span style="font-family: arial,helvetica,sans-serif;font-size: 14px;font-weight: normal;letter-spacing: 1px; color: #ffffff;">
                                                                <?php echo ucwords($vo['first']['alias_name']); ?> 
                                                            </span>
                                                            <i class="layui-icon layui-icon-down" style="font-size:12px; color: #ffffff;display: block;position: static;width: auto;padding-left:5px;padding-top:1px;"></i>
                                                        </a>
                                                        
                                                    </li>
                                                    <?php } ?>
                                                    <?php endforeach; ?>

                                                </ul>
                                            </div>
                                            <div class="header-bottom-mask"></div>
                                            <div class="header-nav-hover-line"></div>
                                        </div>
                                        <div class="header-tools" >
                                            <div class="header-search J-header-search" bi_parent_name="search">
                                                <div class="header-search-inner" tabindex="-1">
                                                    <div class="header-search-content J-search-content">
                                                        <input onkeyup="searselnew()" id='sear' class="J-search-input" aria-label="Search" id="header-navigation-search-input" type="text" data-active-placeholder="输入要搜索的内容" autocomplete="off"><div class="close-icon"></div>
                                                        <button type="submit" class="header-search-submit" aria-label="Header Search" >
                                                            <i></i>
                                                        </button>
                                                        <i class="por-icon por-icon-cancel header-search-close J-search-close"></i>
                                                        <div class="header-search-droplist J-search-drop J-search-autoword" style="top:8px !important" data-clickable-asyn="true">  
                                                            <div class="J-search-hot">
                                                                <div class="J-search-history">
                                                                    
                                                                    <div class="J-search-history-content">
                                                                        
                                                                    </div>
                                                                </div>
                                                                <div class="J-search-popular">
                                                                    
                                                                    <div>
                                                                        <style type="text/css">
                                                                            .search-right-data {float: left;width: 60%;padding: 15px 0px;}
                                                                            .search-right-data li{border-bottom: 1px solid #ccc;padding: 5px 0px;}
                                                                            .search-right-data li h2 a:hover{background-color: #ffffff !important;text-decoration: underline;}
                                                                            .search-right-data li h2 a{text-decoration: none;}
                                                                            #left-ul-sear1 a{text-decoration: none;}
                                                                        </style>
                                                                        <ul id='left-ul-sear1' style="float:left;width: 40%;">
                                                                            <!-- <div class="J-search-title">Suggestions</div>
                                                                            <li><a>625</a></li>
                                                                            <li><a>688</a></li>
                                                                            <li><a>625zz</a></li>
                                                                            <li><a>625zzss</a></li>
                                                                            <li><a>625zzssaew</a></li> -->
                                                                        </ul>
                                                                        <ul class='search-right-data' id='sear-right-tui1'>
                                                                            <!-- <li>
                                                                                <div style="float: left;">
                                                                                    <img src="https://image.lily-bearing.com/images/class/single_row_deep_groove_ball_bearings_open.jpg?x-oss-process=image/resize,w_70,h_70,m_pad/auto-orient,1/quality,q_90/format,png">
                                                                                </div>
                                                                                <div style="float: left;width: calc(100% - 70px)">
                                                                                    <h2 style="padding:0px"><a href="" style="color:#36648a;padding: 0px;">625</a></h2>
                                                                                    <div>Bore Dia: 5 mm, Outer Dia: 16 mm, Seal Type: Sealed, Ring Material: 52100 Chrome Steel, Width: 5 mm</div>
                                                                                </div>
                                                                                <div style="clear:both"></div>
                                                                            </li> -->
                                                                            
                                                                            
                                                                        </ul>
                                                                        <div style="clear:both"></div>
                                                                    </div>
                                                                    
                                                                </div>
                                                            </div>
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="header-search-button">
                                                    <input class="search-default" aria-label="Search Default" type="text" data-active-placeholder="Search" autocomplete="off" placeholder="输入要搜索的内容">
                                                    <i></i>
                                                </div>
                                            </div>
                                            <div class="header-menu-search-mb">
                                                <!-- <span class="header-icon-search" style="color:#fff"></span> -->
                                                <i class="layui-icon layui-icon-search" style="font-size: 18px; color: #ffffff;background-color: #36648a !important;"></i>  
                                            </div>
                                            <ul class="header-tools-right header-main" style="background-color:#36648a">
                                               <!--  <li><a href="">联系我们</a></li> -->
                                               <li>
                                                   <div style="height: 40px; line-height: 40px;margin-top:-10px;width: 200px;">
                                                       <img style="height: 34px;width: 34px;float: left;margin-top: 2px;" src="https://image.lilybearing.com/images/web/zh-phone-tel2.png">
                                                       <div style="color:#fff;float: right;width: 160px;font-size: 20px;font-weight: 800;margin-top:-2px;">400-862-9828</div>
                                                   </div>
                                                   
                                               </li>
                                                
                                                 
                                                <li>
                                                    <div class="qlang" id="#qlang" style="position: static;">
                                                        <div class="qlang-body">
                                                            <div onclick="lan_qihuan2()" class="qlang-first">
                                                                <span>CN</span>
                                                                <img src="https://image.lilybearing.com/images/web/down3jiao.png" alt="down3jiao" style="aspect-ratio:4/3; object-fit:contain;margin-top: 0px;">
                                                                <div class="clear"></div>
                                                            </div>
                                                            <ul class="qlang-sechond" id="qlang-sechond" style="display: none;">
                                                                <li style="height:16px;" class="qlang-sechond-l1" id="qlang-sechond-l1" style="background: rgb(54, 100, 138);"><a href="https://www.lilybearing.com/" style="color: rgb(255, 255, 255);"><i class="layui-icon layui-icon-ok" style="font-size: 12px; color: rgb(255, 255, 255);"></i>CN</a></li>
                                                                <li style="height:16px;" class="qlang-sechond-l2" onmouseout="qlang_hover_out()" onmouseover="qlang_hover()"><a href="https://www.lily-bearing.com/"><i class="layui-icon layui-icon-ok" style="font-size:12px"></i>EN</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </li>
                                                
                                            </ul>
                                            <div class="header-menu-mb" data-clickable="true">
                                                <span style="background-color: #ffffff;"></span>
                                                <span style="background-color: #ffffff;"></span>
                                                <span style="background-color: #ffffff;"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <script type="text/html" id="holder-drop"></script>
                                <script type="text/html" id="holder-mbnav"></script>
                                
                                <div class="header-mbshearch header-backdrop" bi_parent_name="search_mb">
                                    <div class="header-mbshearch-innner">
                                        <div class="header-mbshearch-form">
                                            <div class="header-mbshearch-form-row">
                                                <div><div class="header-mbshearch-input-box"><i class=""></i><input onkeyup="searselnew_phone()" id="sear_phone" type="text" class="header-mbshearch-input" autocomplete="off"></div></div>
                                                <div style="margin:3px 0px 0px 5px"><button onclick='sear1_phone()' type="button" class="layui-btn layui-btn-warm layui-btn-sm">搜索</button></div>
                                                <div><span style="text-decoration:none;" class="header-mbshearch-cancel">取消</span></div>
                                            </div>
                                        </div>
                                        <div  style="padding: 10px 20px;">
                                            <style type="text/css">
                                                #left-ul-sear1_phone a{text-decoration: none;color: #333;}
                                            </style>
                                            <ul id="left-ul-sear1_phone">
                                                <!-- <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li> -->
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<style type="text/css">
  ::-webkit-scrollbar{
    width:8px;
    height: 6px;
  }
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: rgba(0, 0, 0, .2);
  }
  ::-webkit-scrollbar-track-piece{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: #ededed;
  }
  
  @media screen and (min-width: 768px) {
    .pc-list{display: block;}
    .phone-list{display: none;}
    .phone-balllist-tab{display: none;}
  }
  @media screen and (max-width: 768px) {
      .pc-list{display: none;}
      .phone-list{display: block;}
      .phone-balllist-tab{display: block;}
  }
  
  .selall img{float: left;margin-top:2px;}
  .selzhi{
    color:#36648a;text-decoration:none;font: 12px/14px arial,helvetica,sans-serif;
    display: inline-block;
    width:100%;
    float: left;
  }
  /*.selzhi:hover{
     background-color: #36648a;
  }*/
  /*.selall:hover{
    background-color: #36648a;
  }*/
  .selall:hover{
    background-color: #36648a;
  }
  .selall:hover a{
    color: #ffffff;
  }
  body{background-color:#ffffff}
  .gaol{background-color: #EFEFEF;}
  .delail_list{margin-top:10px;cursor:pointer;}
  .Part_No {color:#36648a;}
  .delail_list .price-a{color:#19792f}
  .delail_list:hover{background-color: #36648a;}
  .delail_list:hover div {color:#ffffff;background-color: #36648a;}

   #gengduoli {padding: 3px;}
   #gengduoli>.gengduoli,  #gengduoli1>.gengduoli {
      text-align: justify;
      max-width: 1230px;
      width: 98%;
  }
  #gengduoli>.gengduoli *{
    margin: unset;
    padding: revert;
  }

  #gengduoli1>.gengduoli *{
    margin: unset;
    padding: revert;
    list-style: revert;
  }
  #search {
    margin:10px 0 60px;
    width: 290px;
    color: #000;
    font-weight: 500;
    width: 800px;
}
#search .input-box {
    position: absolute;
    width: inherit;
    height: 42px;
    box-shadow: 0 2px 8px 1px rgb(64 60 67 / 24%);
}
#search input {
    height: inherit;
    border: 2px solid #d9e8ee;
    padding: 0 45px 0 20px;
}
#search .input-box-right {
  width: 38px;
  height: 38px;
  margin-top: -40px;
  background-color: #36648a;
  box-shadow: 0 2px 8px 1px rgb(64 60 67 / 24%);
  float: right;
}
.layui-layer-setwin {
  /* right: 0;
  top: 3px; */
  right: 9px;
  top: 9px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.layui-icon-search {
  font-size: 20px;
  color: white;
}
.layui-icon-search, .layui-icon-search:hover {
  background-color: unset;
}
.balllist .balllist-a a{display:block;}
.balllist .balllist-a a:hover{color:#36648A;}
.balllist .balllist-a a:hover .plist{border:1px solid #36648A;}
.balllist-a{
  padding: 5px 8px;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}
.balllist-h{
  margin-left: 5px;
  padding-bottom:2px;
 }
          
.plist{
  height: 120px;
  border:1px solid #ccc;
  border-radius: 8px;
  padding:10px 5px 5px 5px;
  display: flex;
}
.plist-left{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plist-right{
  flex:3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.plist-title{
  width: 100%;
  padding-bottom: 5px;
 font: 14px/16px Titillium Web,sans-serif;
}
          
.plist-desc{
  color: #333;
  line-height:16px;
}
.plist-icon img{
  max-width: 75%;
  object-fit: contain;
  object-position: 50% 50%;
}
.balllist a{text-decoration:none;}

@media screen and (max-width:768px) {
  .balllist .balllist-a .plist{padding:3px;}
  .balllist .balllist-a .plist .plist-title{padding-bottom:2px;font-size:14px}
}
.layui-flow-more {position:absolute;left: calc(50% - 60px);width:120px;}
#demo3 {margin-top:27px;display: flex;justify-content: center;}
#demo3 .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #36648a;}
         
/*分页*/
.pagination{height: 20px;line-height:20px;}
.pagination li { float: left;text-align:center;cursor:pointer; padding: 0px 5px;}
.pagination li a{width:100%;height:100%;display:inline-block;text-decoration: none;}          
.pagination .disabled{color:#e2e2e2}
.pagination .active{text-decoration: underline;}
.balllist .balllist-a a{display:block;}
          .balllist .balllist-a a:hover{color:#36648A;}
          .balllist .balllist-a a:hover .plist{border:1px solid #36648A;}
          .balllist-a{
            padding: 5px 8px;
            font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
          }
          .balllist-h{
            margin-left: 5px;
            padding-bottom:2px;
          }
          
          .plist{
            height: 120px;
            border:1px solid #ccc;
            border-radius: 8px;
            padding:10px 5px 5px 5px;
            display: flex;
          }
          .plist-left{
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
          }
          .plist-right{
            flex:3;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .plist-title{
            width: 100%;
            padding-bottom: 5px;
            font: 14px/16px Titillium Web,sans-serif;
          }
          
          .plist-desc{
            color: #333;
            
            line-height:16px;
          }
          .plist-icon img{
            max-width: 75%;
            object-fit: contain;
            object-position: 50% 50%;
          }
          .balllist a{text-decoration:none;}

          @media screen and (max-width:768px) {
            .balllist .balllist-a .plist{padding:3px;}
            .balllist .balllist-a .plist .plist-title{padding-bottom:2px;font-size:14px}
          }
          .layui-flow-more {position:absolute;left: calc(50% - 60px);width:120px;}
          #demo3 {margin-top:27px;display: flex;justify-content: center;}
          #demo3 .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #36648a;}
         

            /*分页*/
            .pagination{height: 20px;line-height:20px;}
            .pagination li { float: left;text-align:center;cursor:pointer; padding: 0px 5px;}
            .pagination li a{width:100%;height:100%;display:inline-block;text-decoration: none;}
            
            .pagination .disabled{color:#e2e2e2}
            .pagination .active{text-decoration: underline;}
</style>

<div class='pc-list' style='font: 12px/14px arial,helvetica,sans-serif;'>
  <div style="background-color:#fff !important">
    <!-- 左侧筛选 -->
    <div class='list-left' id="list-left" style="width: 248px;float:left;position:sticky;top:61px;position:-webkit-sticky;">
      <div id="list-left-a" style="overflow-x:hidden;overflow-y:auto;height: calc(100vh - 61px);border:1px solid #E4E3E2;width:98%;margin-left:1%;border-radius:3px;margin-bottom:5px;">
        <div style="margin:0;height:100%;">
        <?php foreach($listkey as $key=>$vo): if($vo['is_nosearch']=='1'){  $nosearch=Db::table('lily_listkey_nosearch')->field('value,url')->where('list_key_id','=',$vo['id'])->order('seq')->select();?>
        <div style="border-bottom: 1px solid black;padding-bottom:10px;background-color:#EFEFEF">
          <div style="height:30px;line-height:30px;padding-left:5px">
            <?php if(!empty($vo['alias'])){ ?><div><?php echo lang($vo['alias']); ?></div><?php }else{ ?><div><?php echo lang($vo['wname']); ?></div><?php }?>
          </div> 
          <div style="padding-left:5px;background-color: #EFEFEF">
              <div style="text-align:left;padding:3px 5px;overflow-x: hidden;width:88%;">
                <?php foreach($nosearch as $k1=>$v1): ?>
                <a href="<?php echo htmlentities($v1['url']); ?>" style="padding-left:5px;display: block;text-decoration: none;">
                  <?php echo lang($v1['value']); ?>
                </a>
                <?php endforeach; ?> 
              </div>
            </div>    
          </div>  
        <?php } if(!empty($vo['data'])){ ?>

          <div style="border-bottom: 1px solid black;padding-bottom:10px;background-color:#EFEFEF">

            <div style="height:30px;line-height:30px;padding-left:5px">
              <?php if(!empty($vo['alias'])){ ?><div><?php echo lang($vo['alias']); ?></div><?php }else{ ?><div><?php echo lang($vo['wname']); ?></div><?php }?>
            </div> 

            <div style="padding-left:5px;background-color: #EFEFEF">

              <?php if(!empty($vo['img'])){?>
              <div style="text-align:center;margin-bottom:5px;">
                <img style="width: 100px" src="<?php echo Config::get('app.images_host').$vo['img']; ?>?format=webp" alt="<?php echo htmlentities($vo['wname']); ?>">
              </div>  
              <?php } if(count($vo['data'])>11){if($vo['is_have_input']=='1'){?>
              <div style="text-align:center;width:90%;margin-left:3px;margin-bottom:5px">
                <input type="text" name="sel<?php echo md5($vo['wname']);?>" onkeyup="selinput_zi('sel<?php echo md5($vo['wname']);?>')" style="border: 1px solid #ccc;border-radius:3px;height:20px;width:100%;padding-left:5px;margin-left:-3px" placeholder="输入过滤" autocomplete="off">
              </div>
              <?php } } if($vo['is_nosearch']=='1'){?>
              <div style="text-align:center;padding:3px 5px;border:1px solid #ccc;overflow-x: hidden;background-color:#ffffff;width:88%;">
                <?php foreach($vo['data'] as $k1=>$v1):  
                  $nosearch=Db::table('lily_listkey_nosearch')->field('url')->where([['list_key_id','=',$vo['id']],['value','=',$v1['key']]])->find();
                if(!empty($nosearch)){
                  $shai_url=$nosearch['url'];
                }else{
                  $shai_url='';
                }?>
                <a href="<?php echo htmlentities($shai_url); ?>" class="sel<?php echo md5($vo['wname']);?>body-left-zhi selzhi" style="padding-left:5px;">
                  <?php echo lang($v1['key']); ?>
                </a>
                <?php endforeach; ?> 
              </div>
              <?php }else{ if($vo['is_images']=='1'){?>
                  <div style="display:flex;  flex-wrap:wrap; align-items:center; text-align:center;">
                  <?php foreach($vo['data'] as $k1=>$v1): if(!empty($v1['key'])&&$v1['key']!=''){
                    if(empty($get)){
                      $shai_url=$base_data['no_parameter_url'].'?'.trim(str_replace(' ','_',$vo['wname'])).'='.trim($v1['key']);
                    }else{
                      $shai_url=$base_data['no_parameter_url'].'?';
                      foreach ($get as $getkey => $getvalue) {
                        if($getkey=='part_number'){ $getkey='p';}
                          if($getkey!=str_replace(' ','_',$vo['wname'])){
                                  $shai_url.=$getkey.'='.$getvalue.'&';
                          }
                      }
                      if(isset($get[str_replace(' ','_',$vo['wname'])]) && $get[str_replace(' ','_',$vo['wname'])]==$v1['key']){
                        $shai_url=rtrim(rtrim($shai_url,'&'),'?');
                      }else{
                        $shai_url=$shai_url.trim(str_replace(' ','_',$vo['wname'])).'='.trim($v1['key']);
                      }

                    }
                    $esimages=Db::table('lily_listkey_images')->where([['list_key_id','=',$vo['id']],['value','=',$v1['key']]])->find();
                      
                  ?>
                    <div style="width: calc(100% / 2); height: 70px;">
                      <?php if(!empty($esimages)){?>
                      <a href="<?php echo htmlentities($shai_url); ?>"><img src="<?php echo Config::get('app.images_host'); ?><?php echo htmlentities($esimages['images']); ?>" style="height: 35px; object-position: 50% 50%;"></a>
                      <?php } ?>
                      <a href="<?php echo htmlentities($shai_url); ?>" style="text-decoration: none;"><div><?php echo lang($v1['key']); ?></div></a>
                    </div>
                    <?php } ?>
                    <?php endforeach; ?>
                    <div style="clear:both"></div>
                  </div>
                  <?php }else{ if($vo['is_show_block']=='1'){if(count($vo['data'])>11){?>
                      <div style="text-align:center;padding:3px 5px;border:1px solid #ccc;overflow-y:auto;overflow-x: hidden;height:170px;background-color:#ffffff;width:88%;">
                        <?php foreach($vo['data'] as $k1=>$v1): if(!empty($v1['key'])&&$v1['key']!=''){?>
                        <div style="width:100%; height:16px;line-height:16px;cursor:pointer;text-align:left;overflow: hidden;" class="sel<?php echo md5($vo['wname']);?>body-left-div selall">
                        <?php 
                          if(empty($get)){
                            $shai_url=$base_data['no_parameter_url'].'?'.trim(str_replace(' ','_',$vo['wname'])).'='.trim($v1['key']);
                          }else{
                            $shai_url=$base_data['no_parameter_url'].'?';
                            foreach ($get as $getkey => $getvalue) {
                              if($getkey=='part_number'){ $getkey='p';}
                                if($getkey!=str_replace(' ','_',$vo['wname'])){
                                    $shai_url.=$getkey.'='.$getvalue.'&';
                                }
                              }
                              if(isset($get[str_replace(' ','_',$vo['wname'])]) && $get[str_replace(' ','_',$vo['wname'])]==$v1['key']){
                                $shai_url=rtrim(rtrim($shai_url,'&'),'?');
                              }else{
                                $shai_url=$shai_url.trim(str_replace(' ','_',$vo['wname'])).'='.trim($v1['key']);
                              }
                            }
                            ?>
                            <a href="<?php echo htmlentities($shai_url); ?>" class="sel<?php echo md5($vo['wname']);?>body-left-zhi selzhi" style="padding-left:5px; text-decoration: none;">
                               <?php if(isset($get[str_replace(' ','_',$vo['wname'])]) && $get[str_replace(' ','_',$vo['wname'])]==$v1['key']){?>
                                <img id="xz-srcoll" src="<?php echo Config::get('app.images_host'); ?>/static/img/check_load.gif?format=webp">
                                <?php } ?>
                              <span><?php echo lang($v1['key']); ?></span>
                            </a>
                          </div>
                          <?php } ?>
                          <?php endforeach; ?>
                      </div>
                      <?php }else{ ?>
                        <div style="text-align:left;padding:3px 5px;overflow-x: hidden;width:88%;">
                        <?php foreach($vo['data'] as $k1=>$v1): if(!empty($v1['key'])&&$v1['key']!=''){?>
                        <div style="width:100%; height:16px;line-height:16px;cursor:pointer;text-align:left;overflow: hidden;" class="selall">
                        <?php 
                          if(empty($get)){
                            $shai_url=$base_data['no_parameter_url'].'?'.trim(str_replace(' ','_',$vo['wname'])).'='.trim($v1['key']);
                          }else{
                            $shai_url=$base_data['no_parameter_url'].'?';
                            foreach ($get as $getkey => $getvalue) {
                              if($getkey=='part_number'){ $getkey='p';}
                                if($getkey!=str_replace(' ','_',$vo['wname'])){
                                    $shai_url.=$getkey.'='.$getvalue.'&';
                                }
                              }
                              if(isset($get[str_replace(' ','_',$vo['wname'])]) && $get[str_replace(' ','_',$vo['wname'])]==$v1['key']){
                                $shai_url=rtrim(rtrim($shai_url,'&'),'?');
                              }else{
                                $shai_url=$shai_url.trim(str_replace(' ','_',$vo['wname'])).'='.trim($v1['key']);
                              }
                            }
                            ?>
                            <a href="<?php echo htmlentities($shai_url); ?>" class="sel<?php echo md5($vo['wname']);?>body-left-zhi selzhi" style="padding-left:5px; text-decoration: none;">
                               <?php if(isset($get[str_replace(' ','_',$vo['wname'])]) && $get[str_replace(' ','_',$vo['wname'])]==$v1['key']){?>
                                <img id="xz-srcoll" src="<?php echo Config::get('app.images_host'); ?>/static/img/check_load.gif?format=webp">
                                <?php } ?>
                              <span><?php echo lang($v1['key']); ?></span>
                            </a>
                            
                          </div>
                          <?php } ?>
                          <?php endforeach; ?>
                      </div> 
                      <?php } }else{ 
                      if(count($vo['data'])>11){
                        if($vo['show_lie']=='1'){
                          $height='auto';
                          $width="100%";
                        }else{ 
                          $width=(100/$vo['show_lie']);
                          $width=$width."%";
                          $height="calc(16px * ".$vo['lie_num'].")";
                        }
                      }else{
                        $width=(100/$vo['show_lie']);
                        $width=$width."%";
                        $height="calc(16px * ".$vo['lie_num'].")";
                      }
                    ?>
                    <div style="display:flex; flex-direction: column; flex-wrap:wrap; height:<?php echo htmlentities($height); ?>;  align-items:center; text-align:left;">
                      <?php foreach($vo['data'] as $k1=>$v1): if(!empty($v1['key'])&&$v1['key']!=''){?>
                      <div style="width:<?php echo htmlentities($width); ?>; height:16px;line-height:16px;cursor:pointer;text-align:left;overflow: hidden;" class="selall">
                      <?php 
                        if(empty($get)){
                          $shai_url=$base_data['no_parameter_url'].'?'.trim(str_replace(' ','_',$vo['wname'])).'='.trim($v1['key']);
                        }else{
                          $shai_url=$base_data['no_parameter_url'].'?';
                          foreach ($get as $getkey => $getvalue) {
                          if($getkey=='part_number'){ $getkey='p';}
                            if($getkey!=str_replace(' ','_',$vo['wname'])){
                                $shai_url.=$getkey.'='.$getvalue.'&';
                            }
                          }
                          if(isset($get[str_replace(' ','_',$vo['wname'])]) && $get[str_replace(' ','_',$vo['wname'])]==$v1['key']){
                            $shai_url=rtrim(rtrim($shai_url,'&'),'?');
                          }else{
                            $shai_url=$shai_url.trim(str_replace(' ','_',$vo['wname'])).'='.trim($v1['key']);
                          }
                        }
                      ?>
                        
                        <a href="<?php echo htmlentities($shai_url); ?>" class="selzhi" style="padding-left:5px; text-decoration: none;">
                            <?php if(isset($get[str_replace(' ','_',$vo['wname'])]) && $get[str_replace(' ','_',$vo['wname'])]==$v1['key']){?>
                              <img id="xz-srcoll" src="<?php echo Config::get('app.images_host'); ?>/static/img/check_load.gif?format=webp">
                              <?php } ?>
                            <span><?php echo lang($v1['key']); ?></span>
                        </a>
                      </div>
                      <?php } ?>
                      <?php endforeach; ?>
                    </div>      
                    <?php } } } ?>

               
                  
            </div> 
          </div>
        <?php } ?>
        <?php endforeach; ?> 
        </div>
         
        </div>
    </div>
  
    
<!-- 右侧主体内容1 -->
    <div class="list-right" style="width: calc(100% - 248px);;float: right;padding-bottom: 0px;">
      <div style="padding: 2px 5px">
        <!-- 面包屑 -->
        <div class="layui-breadcrumb" lay-separator="/" style="visibility: visible;padding-top:5px;">
          <?php foreach($crumbs as $k=>$v): if($k!=count($crumbs)-1){?>
          <a href="/<?php echo htmlentities($v['crumbs_url']); ?>" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A"><?php echo htmlentities($v['alias_name']); ?></a>
          <?php }else{ ?>
          <span style="font: 12px/14px arial,helvetica,sans-serif;"> <span style="padding-left: 10px;color: #999">/</span> <cite style="color: #666;padding-right:20px"><?php echo htmlentities($class_info['alias_name']); ?></cite></span>
          <?php } ?>
          <?php endforeach; ?>
        </div>
          <?php if(!empty($brand_data[0])){?>
          <div style="margin:5px 0px">
              <ul style="display: flex;flex-wrap: wrap;">
                  <li>相当于制造商 : </li>
                  <?php foreach($brand_data as $k=>$v): ?>
                  <li style="padding:0px 5px"><a href="/product/brand/<?php echo htmlentities($v['route_name']); ?>/"><?php echo htmlentities($v['name']); ?></a></li>
                  <?php endforeach; ?>
              </ul>
          </div>
          <?php } ?>
        
        <div style="background-color: #EFEFEF;height:32px;line-height:32px;">
            <?php if(empty($class_info['alias_name'])){ ?>
            <h1 style="display: inline;font-size:18px;padding-left:5px"><?php echo htmlentities($class_info['cname']); ?></h1>
            <?php }else{ ?>
            <h1 style="display: inline;font-size:18px;padding-left:5px"><?php echo htmlentities($class_info['alias_name']); ?></h1>
            <?php } ?>
            <span style="padding: 0px 20px"><?php echo htmlentities($table_count); ?>产品</span>
            <!-- <div style="float: right;">
                <span style="padding: 0px 20px">
                    <a href="/ball-bearing/miniature-bearing/cross-reference-charts/">Part Number Interchange Chart</a>
                </span>
            </div> -->
        </div>
        
        <?php if($class_info['id'] == 72){?>
          <div id="search" class="<?php echo htmlentities($class_info['id']); ?>">
            <div class="input-box">
                <input type="text" placeholder='搜索型号<?php 
                if($class_info['id'] == 72) {
                  echo "\"FR4zz\"";
                }
                ?>'
                value="" class="layui-input" />
                <div class="input-box-right">
                  <span class="layui-layer-setwin"><i class="layui-icon layui-icon-search" id="layui-icon-search" onclick="sear_part()"></i></span>
                </div>
                
            </div>
          </div>
          <?php } ?>
        <div class="layui-row balllist">
           <div class="balllist-body">

               <?php foreach($class_tag as $k=>$v): if($v['is_show']==1){?>
                <div class="layui-col-sm3 layui-col-xs12 balllist-a">
                    <a href="/<?php echo htmlentities($v['class_url']); ?>">
                        <div class="plist">
                            <div class="plist-left plist-icon">
                              <img src="<?php echo Config::get('app.images_host').$v['img']; ?>?format=webp" alt="<?php echo htmlentities($v['alias_name']); ?>">
                            </div>
                            <div class="plist-right">
                                <div class="plist-title"><?php echo htmlentities($v['alias_name']); ?></div>
                                <div class="plist-desc"><?php echo htmlentities($v['block_des']); ?></div>
                            </div>
                        </div>
                    </a>
                </div>
                <?php } ?>
                <?php endforeach; ?>
                <div style="clear:both;"></div>
            </div>
        </div>

        <?php if(!empty($classify_content)){?>          
        <div id="gengduoli1">
            <div style="padding-top:3px;color:#333;padding-left:5px;margin-bottom:10px" class="gengduoli">
                <?php echo htmlspecialchars_decode($classify_content['total_des']); ?>
            </div>
        </div>
        <?php } ?>
      </div>
    </div>     
      
     
    
    <div class="clear"></div>
  </div>
</div>
  

<div data-mod-id="footer">
    <div class="footer" data-mod-name="footer">
        <div class="footer-service" style="display:block;">
            
            <!-- 添加订单成功 -->
<div id="addorder" style="width:25%;z-index:999;position:fixed;top:30%;left:40%;border-radius: 16px;box-shadow: 0 0 6px 3px rgba(0,0,0,.15);padding: 10px 20px;background-color: #e8edef;display:none;">
<style type="text/css">
.successfullyfrom-close-r{float:right}
.successfullyfrom-close-r button{border:none;background-color: #FDD702;color:black;font-weight:bold;border-radius:5px;cursor:pointer;font-size:16px;padding:3px 6px;border-radius: 5px;}
.successfullyfrom-close-r button:hover{background-color:#36648a;color:#ffffff}
.successfullyfrom-close-b{padding:10px 12px;}
.successfullyfrom-close-b button{border:none;background-color: #FDD702;color:black;font-weight:bold;border-radius:5px;cursor:pointer;font-size:16px;padding:5px 10px;border-radius: 5px;}
.successfullyfrom-close-b button:hover{background-color:#36648a;color:#ffffff}
</style>
<div  class="successfullyfrom-close-r"><button type="button" onclick="close_successfullyfrom()">X</button></div>
<h2 style="font-size:30px;color:#36648a;padding:20px 10px;line-height:32px;">Order Prompt</h2>
<div style="font-size:16px;color:#79858e;padding:10px;line-height:20px;">The order is added successfully. You can click <a href="/order/">order</a> to pay or view</div>
<div class="successfullyfrom-close-b"><button type="button" onclick="close_successfullyfrom()">close</button></div>
</div>
<!-- 脚部 -->
<style>
@media screen and (min-width: 768px) {
.zh-icon:hover .QRcode{
display:block;
}
}
.QRcode{
width: 130px;  
position: absolute;
z-index: 99;
display:none;
}
.zh-buttom-img{
display: flex;
}
.zh-icon{
margin: 0 5px;
}
.zh-icon a>img, .zh-icon>img{
width: 80%;
border-radius: 25%;
aspect-ratio:1/1; 
object-fit:contain;
}
.QRcode img{
width: 80%;
}
</style>
<footer>

<div class="layui-container">
<!-- 底部成功后弹出框 -->
<div id="successfullyfrom_footer" style="width:25%;z-index:999;position:fixed;top:30%;left:40%;border-radius: 16px;box-shadow: 0 0 6px 3px rgba(0,0,0,.15);padding: 10px 20px;background-color: #e8edef;display: none;">
<style type="text/css">
  .successfullyfrom-close-r{float:right}
  .successfullyfrom-close-r button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:3px 6px;color:#36648a;border-radius: 5px;}
  .successfullyfrom-close-r button:hover{border:1px solid #ffffff;color:#ffffff}
  .successfullyfrom-close-b{padding:10px 12px;}
  .successfullyfrom-close-b button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:5px 10px;color:#36648a;border-radius: 5px;}
  .successfullyfrom-close-b button:hover{background-color:#36648a;color:#ffffff}
  @media screen and (max-width: 760px) {
    .layui-form-phone{display: none;}
    .fayoujian{display: none;}
  }
</style>
<div  class="successfullyfrom-close-r"><button type="button" onclick="close_successfullyfrom_footer()">X</button></div>
<h2 style="font-size:30px;color:#36648a;padding:20px 10px;line-height:32px;"><?php echo lang('Submitted'); ?></h2>
<div style="font-size:16px;color:#79858e;padding:10px;line-height:20px;"><?php echo lang('Thank you for reaching out.'); ?></div>
<div class="successfullyfrom-close-b"><button type="button" onclick="close_successfullyfrom_footer()"><?php echo lang('close'); ?></button></div>
</div>
<div class="layui-row footer-box" style="padding:10px">
<div class="layui-col-sm5">
<div class="layui-col-sm12 layui-col-xs12">
    <div style="float:left">
        <a href="/"><img src="<?php echo Config::get('app.images_host'); ?>/images/web/logo.png" alt="logo" style="width:100px;"/></a>
    </div>
   
    <div class="footer-img-box" style="float:right;vertical-align: middle;margin-top: 15px;">
        <div class="zh-buttom-img">
            <div class="zh-icon">
                <a href="https://m.weibo.cn/u/3464346314">
                    <img src="https://image.lilybearing.com/images/web/weibo.png" style="width: 30px;height: 30px;" alt="weibo">
                </a>
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/weiboma.png" alt="weiboma"></div>
            </div>
     
            <div class="zh-icon">
                <img src="https://image.lilybearing.com/images/web/weixin.png" style="width: 30px;height: 30px;" alt="weixin">
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/wxm.jpg" alt="weixin"></div>
            </div>

            <div class="zh-icon">
                <a href="https://www.toutiao.com/c/user/token/MS4wLjABAAAARnAd_ZWSILnv0_UOYfMg2Dg-qro9FiTG6Ka4t2sKaXMZwgUPoYnfA9BTDdS-Nd2_/?source=mine_home&amp;wid=1659942755553"><img style="width: 30px;height: 30px;" src="https://image.lilybearing.com/images/web/toutiao.png" alt="toutiao"></a>
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/toutiaoma.png" alt="toutiaoma"></div>
            </div>

            <div class="zh-icon">
                <a href="https://www.zhihu.com/org/shang-hai-yang-zhen-zhou-cheng"><img style="width: 30px;height: 30px;" src="https://image.lilybearing.com/images/web/zhihu.png" alt="zhihu"></a>
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/zhihuma.png" alt="zhihuma"></div>
            </div>
        </div> 
    </div>
    <div style="clear:both;"></div>
</div>

<div class="layui-col-sm12 layui-col-xs12" style="padding:5px 0px">
    <p style="font:12px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">Email: <a style="color: #fff;" class='email' href="mailto:lilybearing@lily-bearing.com">lilybearing@lily-bearing.com</a></p>
    <p style="font:12px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">地址：中国上海市闵行区沅江路525号6楼301室</p>
</div>

<div class="layui-col-sm12 footer-font layui-col-xs12">
    <p style="font: 12px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">为客户创造价值是我们的核心。在为客户服务时使用这个概念，我们会站在客户的角度考虑，而不是简单地销售产品。我们利用我们在轴承行业20多年的专业知识和经验，为客户提供设计、选型、售前和售后服务等先进服务。</p>
</div>
</div>
<div class="layui-col-sm4 layui-col-xs12" style="padding:0px 20px" >
<div class="layui-form-phone">
    <div class="layui-form">

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color:white;font-size:12px">姓名<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <input type="text" name="footer_name" aria-label="Name" id="footer_name" style="height:25px;padding:3px;" autocomplete="off" class="layui-input" />
            </div>
        </div>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">邮箱<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <input type="text" name="footer_email" aria-label="Email" id="footer_email" style="height:25px;padding:3px;" autocomplete="off" class="layui-input" />
            </div>
        </div>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">手机号码<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <input type="text" name="footer_phone" aria-label="Phone" id="footer_phone" style="height:25px;padding:3px;" autocomplete="off" class="layui-input" />
            </div>
        </div>

        <?php if($base_data['is_show_code']==true){?>
        <div class="layui-col-sm12 code-button-box" style="padding: 5px 0px">
            <div class="layui-form-item" id="code_div">
                <div class="verification-code">
                    <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">验证码<span style="color:white;font-size:12px">*</span>:</div>
                    <div class="layui-input-block" style="float:left;width:80%;">
                        <input class="verification-code-input layui-input" aria-label="code" type="text" name="footer_code" style="width: 50%;float:left;height:35px;padding:3px;"/>
                        <img src="<?php echo url('index/xunpan/verify'); ?>" style="float: right;width: 50%;height:35px;" id="code_img" onclick="this.src=this.src.split('?')[0] + '?'+new Date().getTime()" title="Click to change one" >
                    </div>
                </div>
            </div>
        </div>
        <?php } ?>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">备注<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <textarea name="footer_comments" aria-label="Comments" class="layui-textarea"></textarea>
            </div>
        </div>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px"></div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <button id='gform_submit_button_6' class="layui-btn btn" lay-filter="footer_formDemo" lay-submit type='button' style="color:black;background-color: #FDD702;font-weight: bold;border-radius: 5px;height: 30px;line-height: 30px;margin: 0px;">提交</button>
            </div>
        </div>
    </div>
</div>
</div>

<div class="layui-col-sm3">
<h2 style="font: 18px arial,helvetica,sans-serif;">快速链接</h2>
<style type="text/css">
    @media(max-width:768px) {
        .quick-links li{height: 48px;line-height: 48px;}
    }
                                           
</style>
<ul style="padding:0px 5px" class='quick-links'>
    <li style="padding-top:5px;">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/about-us/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">关于我们</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/contact-us/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">联系我们</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/blog/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">博客</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/technology/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">技术</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/downloads/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">下载</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/request-a-quote/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">发送询盘</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/rohs-reach-compliance/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">RoHS和REACH合规性</a>
    </li>
</ul>
<div class='fayoujian'>
    <h2 style="font: 18px arial,helvetica,sans-serif;margin-top: 15px;">养贞订阅</h2>
    <p style="font: 12px/14px arial,helvetica,sans-serif;line-height:12px;color:#ffffff;letter-spacing:1px;margin-top: 10px;">订阅接收公司、产品和行业新闻。</p>
    <div  style="float:left;height:20px;margin-top: 10px;width:100%;">
        <input type="text" name="subscribe_email" id="subscribe_email" placeholder="输入邮箱"  autocomplete="off" style="font: 12px/14px arial,helvetica,sans-serif;color:white;border: none;border-bottom: 1px solid #fff;background-color:black;cursor: text;color:white;width:100%;"/>
    </div>
    <button id='gform_submit_button_7' aria-label="Subscribe FormDemo" lay-filter="subscribe_formDemo"
        lay-submit type='button' style="color:white;float: left;margin-left: -20px;margin-top:6px;border: none;background-color: black;">
        <img src="<?php echo Config::get('app.images_host'); ?>/images/web/rightarrow.png?t=<?php echo time(); ?>" alt='' style="max-height: 15px;"/>
    </button>
</div>
</div>
</div>
</div>
<div class="footer-bottom-box" style="background-color:#2a2e31;height:40px;line-height:40px;">
<div class="layui-container">
<div class="layui-row" style="padding-bottom: 0px;">
<div class="footer-bottom" style="width:80%" style="padding-bottom: 0px;">
    <div style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;float:left;letter-spacing:1px">© <?php echo date('Y',time());?> 养贞轴承•保留所有权利</div>
    <div style="float:left;margin-left:20px"><a href="/resources/privacy-policy/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#ffffff;letter-spacing:1px">隐私政策</a></div>
    <div style="float:left;margin-left:20px"><a href="/resources/terms-conditions/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#ffffff;letter-spacing:1px">条款和条件</a></div>
    <div style="float:left;margin-left:20px;font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#ffffff;letter-spacing:1px">沪ICP备<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#36648a;letter-spacing:1px">17055223号-4</a></div>
    <div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>
</div>
</div>
</div>
</footer>




        </div>
        <div id="footer" bi_parent_name="footer" meta-data-adjust-app="hide">
            <div class="footer-nav" meta-data-adjust-app="hide">
                
                <div id="edit-header-drop">
                    <script type="text/html" id="header-lazyload-html-drop" class="header-lazyload-html" data-holder="#holder-drop">
                        <div class="header-dropdown" style="margin-top: -15px;">
                            <ul class="header-dropdown-list">
                                <?php foreach($base_data['nav_class'] as $key=>$vo): if(change_lower_symbol($vo['first']['cname'])=='products'){?>
                                <li class="header-dropdown-product J-drop-product header-backdrop-filter" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>" bi_parent_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>">
                                    <div class="dropdown-product-container" data-define="dropdown-container">
                                        <div class="dropdown-product-wrapper">
                                            <div class="dropdown-product-wrapper-top">
                                                <div class="dropdown-product-wrapper-left">
                                                    <form class="link-searcher" data-target="Product" data-no-results-text="未找到结果，请重新输入" data-nav-index="0" tabindex="-1">
                                                        <input class="link-searcher-input" type="text" placeholder="搜索分类" autocomplete="off">
                                                        <i class="link-searcher-clear"></i>
                                                        <button class="link-searcher-submit" type="submit" bi_name="">
                                                            <i class=""></i>
                                                        </button>
                                                        <div class="link-searcher-drop">
                                                            <ul></ul>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="dropdown-product-wrapper-right">
                                                    <div class="dropdown-product-content-link">
                                                        <a href="/product/" style="text-decoration: none;">查看所有产品<i class="header-icon-arrow-right-large"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                           
                                            <div class="dropdown-product-wrapper-bottom">
                                                <div class="dropdown-product-wrapper-left">
                                                    <div class="dropdown-product-nav-container J-product-nav-container">
                                                        <div class="dropdown-product-nav J-product-nav">
                                                            <ul>
                                                                <?php foreach($base_data['nav_class'][0]['second'] as $k=>$v): if($k==0){ ?>
                                                                <li class="active" data-nav-index="1">
                                                                    <a style="text-decoration: none !important" class="dropdown-product-nav-menu" href="/<?php echo htmlentities($v['url']); ?>" data-target="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                                        <p class="dropdown-product-nav-menu-text"><span style="font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></span></p>
                                                                    </a>
                                                                </li>
                                                                <?php }else{?>
                                                                <li data-nav-index="1">
                                                                    <a style="text-decoration: none !important" class="dropdown-product-nav-menu" href="/<?php echo htmlentities($v['url']); ?>" data-target="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                                        <p class="dropdown-product-nav-menu-text"><span style="font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></span></p>
                                                                    </a>
                                                                </li>
                                                                <?php } ?>
                                                                <?php endforeach; ?>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="dropdown-product-wrapper-right J-pro-wrapper-right">
                                                    <div class="dropdown-product-body J-product-body" data-name="产品" data-nav-index="0">
                                                        <?php foreach($base_data['nav_class'][0]['second'] as $k=>$v): $sds=Db::table('lily_classify')->where([['fid','=',$v['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select(); if($k==0){?>
                                                        <div class="dropdown-product-content show" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                        <?php }else{ ?>
                                                        <div class="dropdown-product-content" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                        <?php } ?>
                                                            <div class="dropdown-product-content-middle" >
                                                                <?php if(!empty($sds)){foreach($sds as $k1=>$v1): if($v1['is_tag']!=1){?>
                                                                <div class="dropdown-product-module ">
                                                                    <a style="text-decoration: none !important;vertical-align: middle;" href="/<?php echo get_class_uplower_url($v1['id']); ?>" class="dropdown-product-item" data-keywords="">
                                                                        <img class="dropdown-product-item-icon" src="<?php echo Config::get('app.images_host'); ?><?php echo htmlentities($v1['img']); ?>?x-oss-process=image/resize,w_50,h_50,m_pad/auto-orient,1/quality,q_100/format,png" style="width:50px;height: 50px;"></img>
                                                                        <p class="dropdown-product-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v1['alias_name']); ?></p>
                                                                    </a>
                                                                </div>
                                                                <?php }else{ $sds1=Db::table('lily_classify')->where([['fid','=',$v1['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select(); ?>
                                                                <div class="dropdown-product-group col-4">
                                                                    <a style="text-decoration: none;font-weight: bold;" class="dropdown-product-group-title"><?php echo ucwords($v1['alias_name']); ?></a>
                                                                    <div class="dropdown-product-group-content">
                                                                        <?php foreach($sds1 as $k2=>$v2): ?>
                                                                        <div class="dropdown-product-module">
                                                                            <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v2['id']); ?>" class="dropdown-product-item" >
                                                                                <img class="dropdown-product-item-icon" src="<?php echo Config::get('app.images_host'); ?><?php echo htmlentities($v2['img']); ?>?x-oss-process=image/resize,w_50,h_50,m_pad/auto-orient,1/quality,q_100/format,png" style="width:50px;height: 50px;"></img>
                                                                                <p class="dropdown-product-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v2['alias_name']); ?></p>
                                                                            </a>
                                                                        </div>
                                                                        <?php endforeach; ?>
                                                                    </div>
                                                                </div>
                                                                <?php }?>
                                                                <?php endforeach; }else{ ?>
                                                                <div class="dropdown-product-module ">
                                                                    <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v['id']); ?>" class="dropdown-product-item" data-keywords="">
                                                                        <p class="dropdown-product-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></p>
                                                                    </a>
                                                                </div>
                                                                <?php } ?>
                                                            </div>
                                                        </div>
                                                        <?php endforeach; ?>
                                                    </div>
                                                </div>
                                            </div>
                                            <style type="text/css">
                                                    .dropdown-product-search-content a{text-decoration: none !important;}
                                                    .dropdown-product-search-content a p{font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;}
                                                </style>
                                            <div class="dropdown-product-search-content">
                                                
                                            </div>
                                        </div>
                                        <div class="header-dropdown-close J-drop-close"></div>
                                    </div>
                                </li>
                                <?php }else{ $sds=Db::table('lily_classify')->where([['fid','=',$vo['first']['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select();?>
                                <li class="header-dropdown-price J-drop-common header-backdrop-filter" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>" bi_parent_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>">
                                    <div class="dropdown-common-container" data-define="dropdown-container">
                                        <div class="dropdown-common-wrapper">
                                            <div class="dropdown-common-wrapper-inner">
                                                <div class="dropdown-common-wrapper-bottom">
                                                    <div class="dropdown-common-wrapper-left has-activity">
                                                         <?php foreach($sds as $k=>$v): ?>
                                                        <div class="dropdown-common-module">
                                                            <div class="dropdown-common-module-inner">
                                                                <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v['id']); ?>" class="dropdown-common-item">
                                                                    <p class="dropdown-common-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></p>
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <?php endforeach; ?>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="header-dropdown-close J-drop-close"></div>
                                    </div>
                                </li>
                                <?php } ?>
                                <?php endforeach; ?>

                            </ul>
                        </div>
                    </script>
                    <script type="text/html" id="header-lazyload-html-mbnav" class="header-lazyload-html" data-holder="#holder-mbnav">
                        <div class="header-mbnav">
                            <div class="header-mbnav-inner">
                                <div class="header-mbnav-leftmenu">
                                    <ul class="header-mbnav-menulist">
                                         <?php foreach($base_data['nav_class'] as $key=>$vo): ?>
                                        <li data-key="<?php echo change_lower_symbol($vo['first']['cname']); ?>" class="">
                                            <a bi_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>"><span><?php echo ucwords($vo['first']['alias_name']); ?></span></a>
                                        </li>
                                        <?php endforeach; ?>
                                        
                                        <li data-key="language" class="" >
                                            <a bi_name="Language"><span>语言</span></a>
                                        </li>
                                    </ul>
                                </div>
                                <ul class="header-mbnav-collapses">
                                    <?php foreach($base_data['nav_class'] as $key=>$vo): ?>
                                    <li data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>" bi_parent_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>">
                                        <?php if($vo['first']['cname']!='Resources'){?>
                                        <div class="header-mbnav-level2-content-index">
                                            <a style="text-decoration: none !important;" href="/<?php echo htmlentities($vo['first']['url']); ?>"><span><?php echo ucwords($vo['first']['alias_name']); ?></span><i class="header-icon-arrow-right"></i></a>
                                        </div>
                                        <?php } $sds=Db::table('lily_classify')->where([['fid','=',$vo['first']['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select();foreach($sds as $k=>$v): ?>
                                        <div class="header-collapse header-collapse-level1 closed">
                                            <div class="header-collapse-head">
                                                <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v['id']); ?>" bi_name="jump">
                                                    <p bi_name="<?php echo change_lower_symbol($v['cname']); ?>_jump"><span><?php echo ucwords($v['alias_name']); ?></span></p>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="header-collapse-line no-splitLine"></div>
                                        <?php endforeach; ?>
                                    </li>
                                    <?php endforeach; ?>
                                    
                                   
                                    <li data-name="language">
                                        <div class="header-mbnav-level2-item">
                                            <a style="text-decoration: none !important;" class="header-mbnav-level2-item_link active" href="https://www.lilybearing.com/">简体中文<i class="layui-icon layui-icon-ok" style="font-size: 14px; color: #36648a;"></i> </a>
                                            <a style="text-decoration: none !important;" class="header-mbnav-level2-item_link" href="https://www.lilybearing.com/">English</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            
                        </div>
                    </script>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>

<!-- end 脚部 -->
<script src="/static/js/jquery-2.1.4.min.js"></script>
<script src="/static/layui/layui.js" charset="utf-8"></script>
<script src="/static/js/footer-us.js?t=<?php echo time(); ?>" type="text/javascript"></script>
<script src="/static/js/footer-hua-es.js?t=<?php echo time(); ?>" type="text/javascript"></script>
<script>
window.gConfig = window.gConfig || {}; window.gConfig.seed = window.gConfig.seed || [];
window.gConfig.seed.push({
name: '@cloud/pep-header-and-footer-china', data:
{
"packages": {
"@cloud/pep-header-and-footer-china": {
"path": "/hua/cnpm/china/",
},
"@cloud/lazyload": {
"path": "/hua/cnpm/lazyload/",
},
"@cloud/portal-utils": {
"path": "/hua/cnpm/utils/",
},
},
"modules": {
"@cloud/pep-header-and-footer-china/m/index": {
"requires": [
  "@cloud/portal-utils",
  "@cloud/lazyload"
]
},
"@cloud/pep-header-and-footer-china/pc/index": {
"requires": [
  "@cloud/portal-utils",
  "@cloud/lazyload"
]
}
}
}
})
</script>
<script src="/hua/js/g1.js"></script>

<script type="text/javascript" src="/hua/js/feloader.js" crossorigin="anonymous"></script>

<script>
if( !/pcloudApp/i.test(navigator.userAgent) ){
$("#header").css("display","block");
}
</script>


</body>
</html>

<script type="text/javascript">
$(function(){
var cartloaded = false;
$("#order_num_change_img").hover(function(){
if(!cartloaded){
    $.ajax({
        url: '<?php echo url("/payment/addorder/order_ajax"); ?>',/*传向后台服务器文件*/
        type: 'POST',    /*传递方法 */
        dataType: 'json',  //传递数据的格式
        async: true, //这是重要的一步，防止重复提交的
        cache: false,  //设置为false，上传文件不需要缓存。
        contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
        processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

        success: function (res){
            if(res.status==1){
                var h = '';
                $.each(res.cookiedata,function (index,el){
                    h += '<div class="wrapper-order-li"><div class="wrapper-order-li-left"><img src="'+el.img+'?x-oss-process=image/resize,w_40,h_40,m_pad/auto-orient,1/quality,q_90/format,png">';
                    h += '<span><a href="'+el.url+'">'+el.Product_Number+'</a></span></div>';
                    h += '<div class="wrapper-order-li-right"><span>Price: '+el.Price+'</span>, <span>Num: '+el.num+'</span></div><div style="clear:both"></div></div>';
                });
                if(res.cookiedata.length==0){
                     $("#wrapper-order").html('');
                     $("#wrapper-order").hide();
                }else{
                    h += '<div class="wrapper-order-li-look"><a href="/order/">View Order</a></div>';
                    $("#wrapper-order").empty();
                    $("#wrapper-order").append(h);
                    cartloaded = true;
                }

            }
        }
    });
}
if(cartloaded) {
    $("#wrapper-order").show();
}
return false;
},function (){
if(cartloaded) {
    $("#wrapper-order").hide();
}
});
$("#wrapper-order").hover(function (){
if(cartloaded){
    $("#wrapper-order").show();
}
},function (){
if(cartloaded){
    $("#wrapper-order").hide();
}
})
});
</script>

<script type="text/javascript">
layui.use('form', function(){
var form = layui.form;

form.on('submit(footer_formDemo)', function(data){
var index = layer.load(1, { shade: [0.1,'#fff'] });
var name=$.trim($("input[name='footer_name']").val());
var email=$.trim($("input[name='footer_email']").val());
var phone=$.trim($("input[name='footer_phone']").val());
var code = $.trim($("input[name='footer_code']").val());
var comments=$.trim($("textarea[name='footer_comments']").val());
var company='';
var Product_Number='';

var lasturl=<?php if(isset($_SERVER['HTTP_REFERER'])){ echo "'".$_SERVER['HTTP_REFERER']."'";}else{echo "'"."'";}?>;/*上一个页面的url 不能在ajax里面书写这样就多了一层页面关系*/
var nowurl=window.location.href;/*当前页面url*/
var formData = new FormData();
formData.append('name', name);
formData.append('email', email);
formData.append('phone', phone);
formData.append('comments', comments);
formData.append('lasturl', lasturl);
formData.append('nowurl', nowurl);
formData.append('code', code);
formData.append('Product_Number', Product_Number);
formData.append('company', company);

$.ajax({
    url: "<?php echo url('index/xunpan/send_inquiry'); ?>",/*传向后台服务器文件*/
    type: 'POST',    /*传递方法 */
    data: formData,  /*要带的值，在这里只能带一个formdata ，不可以增加其他*/
    dataType: 'json',  //传递数据的格式
    async: true, //这是重要的一步，防止重复提交的
    cache: false,  //设置为false，上传文件不需要缓存。
    contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
    processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

    success: function (res){
        if(res.status==1){
            layer.closeAll('loading');
            $(".layui-form input").each(function(){
                $(this).val('');
            })
            $(".layui-textarea").val('');
            $('#successfullyfrom_footer').css('display','block');
            return false;
        }else{
            layer.closeAll('loading');
            if(res.name!='no'){
                layer.tips(res.msg, '#'+res.name.replace("form","footer_"), {
                    tips: [1, '#5FB878'],
                    area: ['200px', 'auto']
                });
            }else{
                layer.msg(res.msg, {
                    time: 2000,
                    icon: 5
                });
            }
        }
    }
});

return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
})
</script>
<script type="text/javascript">
layui.use('form', function(){
var form = layui.form;

form.on('submit(subscribe_formDemo)', function(data){
var email=$.trim($("input[name='subscribe_email']").val());
var formData = new FormData();
formData.append('email', email);

$.ajax({
    url: "<?php echo url('index/xunpan/subscribe_email'); ?>",/*传向后台服务器文件*/
    type: 'POST',    /*传递方法 */
    data: formData,  /*要带的值，在这里只能带一个formdata ，不可以增加其他*/
    dataType: 'json',  //传递数据的格式
    async: true, //这是重要的一步，防止重复提交的
    cache: false,  //设置为false，上传文件不需要缓存。
    contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
    processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

    success: function (res){
        if(res.status==1){
            layer.closeAll('loading');
            $("input[name='subscribe_email']").val('');
            $('#successfullyfrom_footer').css('display','block');
            return false;
        }else{
            layer.closeAll('loading');
            if(res.name!='no'){
                layer.tips(res.msg, '#'+res.name, {
                    tips: [1, '#5FB878'],
                    area: ['200px', 'auto']
                });
            }else{
                layer.msg(res.msg, {
                    time: 2000,
                    icon: 5
                });
            }
        }
    }
});

return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
})
function close_successfullyfrom_footer(){
$('#successfullyfrom_footer').css('display','none');
}
</script>
<script type="text/javascript">
layui.use("element", function () {
var element = layui.element;
});
</script>

<script type="text/javascript">
function lan_qihuan2(){
$(".qlang-sechond").css('display','block');
}

function qlang_hover(){
$("#qlang-sechond-l1").css('background','#ffffff');
$("#qlang-sechond-l1 a").css('color','black');
$("#qlang-sechond-l1 i").css('color','#ffffff');
}
function qlang_hover_out(){
$("#qlang-sechond-l1").css('background','#36648a');
$("#qlang-sechond-l1 a").css('color','#ffffff');

}

$(document).mouseup(function(e) {
var _con = $('#qlang');
if( !_con.is(e.target) && _con.has(e.target).length === 0 ){
$('#qlang-sechond').css('display','none');
}
});
</script>

<script type="text/javascript">
  /*左侧筛选*/
function selinput_zi(k) {
    let zhi=$('input[name="'+k+'"]').val();
    if(zhi != ''){
      zhi = zhi.toUpperCase();
      $(`.${k}body-left-div`).hide().filter(function(index){
        return $(`.${k}body-left-zhi`+":contains('"+zhi+"')", this).text();
      }).show();
    }else{
      $("."+k+"body-left-div").show();
    } 
}
$(".layui-input").on("keyup", function (e) {
  if (e.keyCode == 13) 
    sear_part()
});
function sear_part(){
  layer.load(1);
  var Part_No=$.trim($('#search input').val());
  var class_id=$.trim($('#search').attr('class'));

  if(Part_No==''){
      layer.closeAll('loading');
      layer.msg('Please enter the Part No');
      return false;
  }
  $.post('/index/Api/check_part_number2/',{Part_No:Part_No,class_id:class_id},function(res){
    if(res.status=='1'){
      var url = window.location.href;
      window.location.href=url+"?p="+Part_No;
    }else{
        layer.msg(res.msg);
        $('#search input').val('');
        layer.closeAll('loading');
    }
  })
}
</script>